﻿<phone:PhoneApplicationPage 
    x:Class="ukulele.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="false" Background="#FFAB4D4D">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
    	<Grid.Background>
    		<ImageBrush Stretch="UniformToFill" ImageSource="/bg_wood1.png"/>
    	</Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" MinHeight="99"/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->

        <!--TitlePanel contains the name of the application and page title-->
    <!--TitlePanel contains the name of the application and page title-->
    <!--TitlePanel contains the name of the application and page title-->

        <!--ContentPanel - place additional content here-->

        <StackPanel x:Name="TitlePanel" Grid.Row="0">
        	<Image Height="101" Source="banner.png" Stretch="Fill"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="0,2" Width="480">
            <Image Source="neck_traspr.png" Stretch="Fill"/>
            <Image x:Name="img" Margin="0,-103,0,0"/>
            <StackPanel Orientation="Horizontal" Height="67" RenderTransformOrigin="-0.493,0.687" VerticalAlignment="Top" d:LayoutOverrides="Height" Margin="0,14,16,0" Background="#9B000000" HorizontalAlignment="Right" Width="224">
            	<TextBlock TextWrapping="Wrap" x:Name="txtResult" FontSize="48" Margin="23,0,0,0" TextAlignment="Center" FontWeight="Bold" >
            		<TextBlock.Foreground>
            			<ImageBrush Stretch="Uniform" ImageSource="/bg-wood9.png"/>
            		</TextBlock.Foreground>
            	</TextBlock>
            	<TextBlock TextWrapping="Wrap" x:Name="txtResult2" FontSize="48" TextAlignment="Center" Margin="0" FontWeight="Bold" >
            		<TextBlock.Foreground>
            			<ImageBrush ImageSource="/bg-wood9.png" Stretch="Uniform"/>
            		</TextBlock.Foreground>
            	</TextBlock>
            </StackPanel>
            <ListBox x:Name="listBox1" SelectionChanged="listBox1_SelectionChanged" Width="94" Margin="0,113,137,161" FontSize="29.333" HorizontalAlignment="Right" BorderBrush="{x:Null}" FontFamily="Comic Sans MS" Background="#9B000000" FontWeight="Bold">
            	<ListBox.Foreground>
            		<ImageBrush ImageSource="/bg-wood9.png" Stretch="UniformToFill"/>
            	</ListBox.Foreground>
            	<ListBoxItem x:Name="C" Content="C" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="Csharp" Content="C#" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="D" Content="D" Margin="5,0,0,0">
            		<ListBoxItem.Background>
            			<ImageBrush Stretch="Fill"/>
            		</ListBoxItem.Background>
            	</ListBoxItem>
                <ListBoxItem x:Name="Dsharp" Content="D#" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="E" Content="E" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="F" Content="F" Margin="5,0,0,0"/>
                <ListBoxItem x:Name="Fsharp" Content="F#" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="G" Content="G" Margin="5,0,0,0"/>
                <ListBoxItem x:Name="Gsharp" Content="G#" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="A" Content="A" Margin="5,0,0,0"/>
                <ListBoxItem x:Name="Asharp" Content="A#" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="B" Content="B" Margin="5,0,0,0"/>
            </ListBox>
            <ListBox x:Name="ListBox2" SelectionChanged="ListBox2_SelectionChanged" HorizontalAlignment="Right" Width="94" Margin="0,113,32,161" FontSize="29.333" FontFamily="Comic Sans MS" Background="#9B000000" FontWeight="Bold">
            	<ListBox.Foreground>
            		<ImageBrush ImageSource="/bg-wood9.png" Stretch="UniformToFill"/>
            	</ListBox.Foreground>
            	<ListBoxItem x:Name="maj" Content="maj" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="maj7" Content="maj7" Margin="4,0,0,0"/>
            	<ListBoxItem x:Name="m" Content="m" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="m7" Content="m7" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="mM7" Content="mM7" Margin="5,0,0,0" Background="#00000000"/>
            	<ListBoxItem x:Name="_7" Content="7" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="dim" Content="dim" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="aug" Content="aug" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="sus2" Content="sus2" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="sus4" Content="sus4" Margin="4,0,0,0"/>
            	<ListBoxItem x:Name="_7sus4" Content="7sus4" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="_6" Content="6" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="m6" Content="m6" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="_9" Content="9" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="m9" Content="m9" Margin="5,0,0,0"/>
            	<ListBoxItem x:Name="add9" Content="add9" Height="100" Width="100"/>
            </ListBox>
            <Button x:Name="play" Content="Play" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,34,39" BorderBrush="{x:Null}" FontFamily="Comic Sans MS" Width="175" RenderTransformOrigin="0.228,0.473" Height="108" FontSize="48" Background="#9C000000" Click="play_Click">
            	<Button.Foreground>
            		<ImageBrush Stretch="Fill" ImageSource="/bg-wood9.png"/>
            	</Button.Foreground>
            </Button>
          
           
        </Grid>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>